 /* 广告栏 轮播图  */
 
 .wrapper {
     width: 100%;
     overflow: hidden;
     font-family: Arial, Helvetica, sans-serif;
 }
 
 #text-color-blue {
     color: #00a2ff;
 }
 
 .text-color-light {
     color: #ff5a00;
 }
 
 .swiper {
     width: 1920px;
     height: 400px;
     position: relative;
     left: 50%;
     margin-left: -960px;
 }
 
 .swiper .banner {
     width: 100%;
     height: 400px;
     overflow: hidden;
 }
 
 .swiper .banner ul {
     width: 1000%;
     height: 400px;
 }
 
 .swiper .banner ul li {
     width: 10%;
     float: left;
 }
 
 .swiper .points {
     width: 1200px;
     height: 30px;
     position: absolute;
     bottom: 0px;
     left: 0;
     z-index: 20;
 }
 
 .swiper .points ol {
     height: 18px;
     display: flex;
     justify-content: flex-end;
 }
 
 .swiper .points ol li {
     width: 18px;
     height: 18px;
     text-align: center;
     line-height: 18px;
     margin-left: 5px;
     color: #2666FF;
     font-weight: bold;
     font-size: 11px;
     background-image: url(../images/index/ibbtn.gif);
     cursor: pointer;
 }
 
 .swiper .points ol li.active {
     color: #FAFE85;
     background-image: url(../images/index/ibhbtn.gif);
 }
 
 .tt-section .w {
     height: 0;
 }
 /* /副导航栏 */
 
 .tt-section>.w .subnav {
     position: absolute;
     top: -380px;
     left: 0;
     z-index: 50;
     width: 540px;
     height: 360px;
     border-radius: 10px;
     position: relative;
 }
 
 .tt-section .w .subnav .menu {
     width: 120px;
     height: 100%;
 }
 /* .subnav .menu li {
    
 } */
 
 .subnav .menu li .tab-nav {
     width: 120px;
     height: 60px;
 }
 
 .subnav .menu li:first-child .tab-nav a {
     border-top-left-radius: 10px;
 }
 /* 副导航栏左边 */
 
 .subnav .menu>li>.tab-nav a {
     width: 120px;
     height: 60px;
     line-height: 60px;
     background-color: rgba(0, 0, 0, .6);
     border-bottom: 1px solid #fff;
     box-sizing: border-box;
 }
 
 .subnav .menu>li.active .tab-nav a {
     color: #00a2ff;
     background-color: #fff;
 }
 
 .subnav .menu li .tab-nav a {
     display: block;
     font-weight: bolder;
     color: #fff;
     font-size: 16px;
 }
 
 .subnav .menu .tab-nav a .icon {
     display: inline-block;
     width: 24px;
     background-image: url(../images/common/mzh.png);
     background-size: 500px 500px;
     background-repeat: no-repeat;
     vertical-align: -5px;
     margin: 9px 10px 0 15px;
 }
 
 .subnav .menu .tab-nav .icon-cx1 {
     height: 16px;
     background-position: -473px -67px;
 }
 
 .subnav .menu li .tab-nav.active .icon-cx1 {
     background-position: -421px -67px;
 }
 
 .subnav .menu .tab-nav .icon-cx2 {
     height: 16px;
     background-position: -473px -167px;
 }
 
 .subnav .menu li .tab-nav.active .icon-cx2 {
     background-position: -421px -167px;
 }
 
 .subnav .menu .tab-nav .icon-cx3 {
     height: 24px;
     background-position: -476px -110px;
 }
 
 .subnav .menu li .tab-nav.active .icon-cx3 {
     background-position: -421px -110px;
 }
 
 .subnav .menu .tab-nav .icon-cx4 {
     height: 24px;
     background-position: -473px -262px;
 }
 
 .subnav .menu li.active .tab-nav .icon-cx4 {
     background-position: -421px -262px;
 }
 
 .subnav .menu .tab-nav .icon-cx5 {
     height: 24px;
     background-position: -473px -209px;
 }
 
 .subnav .menu li.active .tab-nav .icon-cx5 {
     background-position: -421px -209px;
 }
 
 .subnav .menu .tab-nav .icon-cx6 {
     height: 24px;
     background-position: -473px 0px;
 }
 
 .subnav .menu li.active .tab-nav .icon-cx6 {
     height: 24px;
     background-position: -421px 0px;
 }
 /* 副导航栏右边 */
 
 .subnav .menu li .tab-nav-content {
     position: absolute;
     left: 120px;
     top: 0px;
     width: 420px;
     height: 360px;
     padding: 0 25px 25px;
     box-sizing: border-box;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     background-color: #fff;
     display: none;
 }
 
 .subnav .menu li.active .tab-nav~.tab-nav-content {
     display: block;
 }
 
 .subnav .menu li .tab-nav-content .content-body>ul>li {
     display: none;
 }
 
 .subnav .menu li .tab-nav-content .content-body>ul>li.active {
     display: block;
 }
 
 .tab-nav-content .content-header {
     width: 100%;
     height: 60px;
     line-height: 60px;
     /* background-color: yellow; */
 }
 
 .tab-nav-content .content-header ul {
     display: flex;
     width: 100%;
 }
 
 .tab-nav-content .content-header ul li {
     margin: 0 20px 0 0;
     box-sizing: border-box;
 }
 
 .tab-nav-content .content-header ul li a {
     display: block;
     width: 100%;
     height: 58px;
     color: #00a2ff;
     font-size: 16px;
 }
 
 .tab-nav-content .content-header ul li.active {
     font-weight: bold;
     border-bottom: 3px solid #00a2ff;
 }
 
 .tab-nav-content .content-body {
     width: 100%;
     height: 275px;
 }
 
 .tab-nav-content .content-body .content-body-content {
     width: 100%;
     overflow: hidden;
 }
 
 .content-body .content-body-content .mudi {
     margin-top: 10px;
 }
 
 .content-body .content-body-content .mudi .title {
     margin-bottom: 10px;
     color: #60788c;
 }
 
 .content-body .content-body-content .mudi ul {
     display: flex;
     flex-wrap: wrap;
     align-content: flex-start;
 }
 
 .content-body .content-body-content .mudi ul li {
     margin: 0 8px 10px 0;
 }
 
 .content-body .content-body-content .mudi ul li a {
     font-size: 16px;
     font-weight: normal;
     color: #666;
 }
 
 .content-body-content .mudi ul li:hover a {
     color: #00a2ff;
     text-decoration: underline;
 }
 
 .content-body-content .tuijian .title {
     margin-bottom: 10px;
     color: #60788c;
 }
 
 .content-body-content .tuijian .xianlu li a {
     display: flex;
     justify-content: space-between;
     margin-bottom: 10px;
     color: #666;
 }
 
 .content-body-content .tuijian .xianlu li:hover .name,
 .content-body-content .tuijian .xianlu li:hover .price {
     color: #00a2ff;
 }
 
 .content-body-content .tuijian .xianlu li .name {
     width: 300px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
 
 .content-body-content .tuijian .xianlu li .price b {
     color: #ff7200;
 }
 /* 主体部分 */
 /* 两张图片链接 */
 
 .tt-main .link {
     height: 80px;
     margin: 25px 0;
     display: flex;
     justify-content: space-between;
 }
 
 .tt-main .link>div {
     width: 590px;
     height: 100%;
 }
 
 .tt-main .link>div img {
     width: 590px;
     height: 100%;
 }
 /* 福鹿游推荐部分 */
 
 .tt-main .fly-tuijian h2.title {
     font-size: 28px;
 }
 
 .fly-tuijian .fly-tuijian-header {
     width: 100%;
     height: 40px;
     line-height: 40px;
     border-bottom: 1px solid #ccc;
 }
 
 .fly-tuijian .fly-tuijian-header .fly-nav {
     display: flex;
 }
 
 .fly-tuijian .fly-tuijian-header .fly-nav li {
     height: 100%;
     padding-right: 30px;
 }
 
 .fly-tuijian .fly-tuijian-header .fly-nav li a {
     display: block;
     font-size: 20px;
     color: #666;
 }
 
 .fly-tuijian .fly-tuijian-header .fly-nav li.active a,
 .fly-tuijian .fly-tuijian-header .more a:hover {
     color: #00a2ff;
     border-bottom: 3px solid #00a2ff;
 }
 
 .fly-tuijian .fly-tuijian-header .more a {
     font-size: 14px;
     padding-bottom: 10px;
     color: #666;
 }
 
 .fly-tuijian .fly-tuijian-body {
     width: 100%;
     height: 370px;
     padding-top: 25px;
     /* background-color: red; */
 }
 
 .fly-tuijian .fly-tuijian-body>.item {
     display: none;
 }
 
 .fly-tuijian .fly-tuijian-body>.item.active {
     display: block;
 }
 
 .fly-tuijian .fly-tuijian-body ul {
     width: 100%;
     height: 100%;
     display: flex;
 }
 
 .fly-tuijian .fly-tuijian-body ul li {
     width: 250px;
     height: 320px;
     padding: 16px;
     margin-right: 15px;
     border: 1px solid #ccc;
 }
 
 .fly-tuijian .fly-tuijian-body ul li:hover {
     box-shadow: 3px 3px 7px #ccc;
 }
 
 .fly-tuijian .fly-tuijian-body ul li>div {
     width: 100%;
 }
 
 .fly-tuijian .fly-tuijian-body ul li>div a {
     display: block;
     width: 250px;
 }
 
 .fly-tuijian-body ul li>div a>img {
     width: 100%;
 }
 
 .fly-tuijian .fly-tuijian-body ul li .name,
 .lvjd .lv-body .lv-body-right>.item ul li .name {
     font-size: 14px;
     height: 20px;
     line-height: 20px;
     margin: 8px 0 3px;
     color: #f83615;
 }
 
 .fly-tuijian .fly-tuijian-body ul li .name a,
 .lvjd .lv-body .lv-body-right>.item ul li .name a {
     color: #333;
 }
 
 .fly-tuijian .fly-tuijian-body ul li .name:hover a,
 .lvjd .lv-body .lv-body-right>.item li .name:hover a {
     text-decoration: underline;
 }
 
 .fly-tuijian .fly-tuijian-body ul li .desc,
 .lvjd .lv-body .lv-body-right>.item li .desc {
     display: flex;
     justify-content: space-between;
     height: 30px;
     /* height: 100%; */
 }
 
 .fly-tuijian .fly-tuijian-body ul li .desc span:nth-child(1),
 .lvjd .lv-body .lv-body-right>.item li .desc span:nth-child(1) {
     color: #f83615;
     box-sizing: border-box;
 }
 
 .fly-tuijian .fly-tuijian-body ul li .desc span:nth-child(1) b,
 .lvjd .lv-body .lv-body-right>.item li .desc span:nth-child(1) b {
     font-size: 25px;
 }
 
 .fly-tuijian .fly-tuijian-body ul li .desc span:nth-child(2),
 .lvjd .lv-body .lv-body-right>.item li .desc span:nth-child(2) {
     color: #ccc;
     font-size: 12px;
     padding-top: 13px;
 }
 /* 服务部分 */
 
 .service {
     width: 100%;
     height: 80px;
     display: flex;
     justify-content: space-between;
     margin: 60px 0 25px;
 }
 
 .service a {
     display: block;
     width: 290px;
     height: 80px;
     font-size: 14px;
     padding: 20px 0 0 20px;
     box-sizing: border-box;
     color: #7f939c;
 }
 
 .service a span {
     display: block;
     font-size: 18px;
 }
 
 .service .zc {
     background-image: url(../images/index/dx_zc.jpg);
 }
 
 .service .zc span {
     color: #569dbe;
 }
 
 .service .dy {
     background-image: url(../images/index/dx_dy.jpg);
 }
 
 .service .dy span {
     color: #3f8a7f;
 }
 
 .service .mp {
     background-image: url(../images/index/dx_mp.jpg);
 }
 
 .service .mp span {
     color: #3f8a7f;
 }
 
 .service .wf {
     background-image: url(../images/index/dx_wf.jpg);
 }
 
 .service .wf span {
     color: #8b735a;
 }
 /* 旅游景点 各景点共用样式 */
 
 .lvjd {
     width: 100%;
 }
 
 .lvjd .lv-header {
     display: flex;
     height: 80px;
     border-bottom: 1px solid #ccc;
     box-sizing: border-box;
 }
 
 .lvjd .lv-header .bg {
     width: 300px;
     height: 45px;
     padding-top: 35px;
     background-color: #fff;
     background-image: url(../images/index/zbbg.jpg);
     background-size: 137px 80px;
     background-position: center right;
     background-repeat: no-repeat;
     margin-right: 10px;
 }
 
 .lvjd .lv-header .lv-nav {
     width: 900px;
 }
 
 .lvjd .lv-header .title {
     height: 100%;
     color: #00a2ff;
     font-size: 28px;
     border-bottom: 1px solid #ccc;
     box-sizing: border-box;
 }
 
 .lvjd .lv-header .lv-point {
     display: flex;
     padding-top: 35px;
 }
 
 .lvjd .lv-header .lv-point li {
     height: 45px;
     line-height: 45px;
     padding: 0 15px;
     box-sizing: border-box;
 }
 
 .lvjd .lv-header .lv-point li a {
     padding-bottom: 12px;
     font-size: 16px;
     color: #666;
 }
 
 .lvjd .lv-header .lv-point li.active {
     border-bottom: 3px solid #00a2ff;
 }
 
 .lvjd .lv-header .lv-point li.active a {
     color: #00a2ff;
 }
 
 .lvjd .lv-header .more {
     padding-top: 54px;
 }
 
 .lvjd .lv-header .more a {
     font-size: 14px;
     color: #666;
 }
 
 .lvjd .lv-header .more:hover a {
     color: #00a2ff;
     text-decoration: underline;
 }
 
 .lvjd .lv-body {
     width: 100%;
     display: flex;
 }
 
 .lvjd .lv-body .lv-body-left {
     width: 290px;
     padding-top: 25px;
     margin-right: 20px;
 }
 
 .lvjd .lv-body .lv-body-left ul {
     width: 100%;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     align-content: flex-start;
 }
 
 .lvjd .lv-body .lv-body-left ul li {
     width: 90px;
     height: 130px;
     text-align: center;
 }
 
 .lvjd .lv-body .lv-body-left ul li .img {
     display: block;
     margin-bottom: 5px;
 }
 
 .lvjd .lv-body .lv-body-left ul li a img {
     width: 90px;
     height: 80px;
     vertical-align: middle;
 }
 
 .lvjd .lv-body .lv-body-left ul li>.name {
     font-size: 15px;
     font-weight: 300;
     color: #333;
 }
 
 .lvjd .lv-body .lv-body-left ul li .name:hover {
     color: #00a2ff;
     text-decoration: underline;
     vertical-align: middle;
 }
 
 .lvjd .lv-body .lv-body-right {
     flex: 1 100% 0;
 }
 
 .lvjd .lv-body .lv-body-right .item {
     display: none;
 }
 
 .lvjd .lv-body .lv-body-right .item.active {
     display: block;
 }
 
 .lvjd .lv-body .lv-body-right ul {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     align-content: flex-start;
 }
 
 .lvjd .lv-body .lv-body-right ul li {
     width: 210px;
     margin-top: 15px;
 }
 /* 游客问答和旅游资讯 */
 
 .ykqa {
     width: 900px;
     height: 362px;
 }
 
 .ykqa .title,
 .zxwz .tab-nav {
     width: 100%;
     height: 40px;
     border-bottom: 1px solid #ccc;
 }
 
 .ykqa .title a {
     font-size: 28px;
     color: #00a2ff;
     box-sizing: border-box;
 }
 
 .ykqa .title:hover a {
     text-decoration: underline;
 }
 
 .ykqa .ykqa-content {
     width: 100%;
     height: 300px;
     display: flex;
     padding-top: 10px;
 }
 
 .ykqa .ykqa-content .qalist {
     width: 400px;
     height: 300px;
     border-right: 1px solid #ccc;
 }
 
 .ykqa-content .qalist ul {
     margin-right: 10px;
     width: 390px;
 }
 
 .ykqa-content .qalist .more {
     float: right;
     margin-right: 10px;
     font-size: 14px;
     font-weight: 300;
     height: 30px;
     line-height: 30px;
 }
 
 .ykqa-content .qalist .more:hover {
     color: #00a2ff;
     text-decoration: underline;
 }
 
 .ykqa-content .qalist ul li {
     width: 100%;
     padding-right: 3px;
     padding-top: 10px;
     box-sizing: border-box;
     border-bottom: 1px solid #ccc;
 }
 
 .qalist ul li .question,
 .qalist ul li .answer {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     margin-bottom: 10px;
     font-size: 15px;
 }
 
 .qalist ul li .question a {
     font-weight: bold;
     color: #6487a5;
 }
 
 .qalist ul li .question:hover a {
     text-decoration: underline;
 }
 
 .qalist ul li .answer {
     font-weight: 300;
     color: #666;
     font-size: 15px;
 }
 
 .qalist ul li .question .icon,
 .qalist ul li .answer .icon {
     display: inline-block;
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     border-radius: 4px;
 }
 
 .qalist ul li .question .icon em,
 .qalist ul li .answer .icon em {
     color: #fff;
     font-style: italic;
 }
 
 .qalist ul li .question .icon {
     background-color: #e80000;
 }
 
 .qalist ul li .answer .icon {
     background-color: #00ff2a;
 }
 
 .ykqa .ykqa-content .twf {
     width: 500px;
     height: 300px;
     padding-top: 10px;
 }
 
 .ykqa-content .twf .form {
     width: 100%;
     height: 100%;
     padding-right: 20px;
 }
 
 .ykqa-content .twf .form>div {
     width: 480px;
     display: flex;
 }
 
 .ykqa-content .twf .form label {
     width: 130px;
     text-align: center;
     color: #333;
 }
 
 .ykqa-content .twf .form input {
     width: 356px;
     height: 29px;
     border: 1px solid #ccc;
     padding: 1px 5px;
     margin-bottom: 10px;
     box-sizing: border-box;
     color: #666;
 }
 
 .ykqa-content .twf .form .code {
     width: 106px;
     height: 29px;
     border: 1px solid #ccc;
     vertical-align: middle;
 }
 
 .ykqa-content .twf .form .code-icon {
     display: inline-block;
     width: 58px;
     height: 28px;
     margin-left: 6px;
     vertical-align: middle;
 }
 
 .ykqa-content .twf .form textarea {
     width: 352px;
     height: 86px;
     padding-left: 4px;
     resize: none;
     outline: none;
     font-size: 16px;
     border-color: #ccc;
     margin-bottom: 10px;
     color: #666;
 }
 
 .ykqa-content .twf .form .btn {
     width: 355px;
     height: 30px;
     color: #fff;
     background-color: #00a2ff;
     cursor: pointer;
 }
 /* 资讯文字 */
 
 .zxwz {
     width: 300px;
     height: 362px;
 }
 
 .zxwz .tab-nav ul {
     width: 100%;
     height: 40px;
     /* line-height: 40px; */
     display: flex;
 }
 
 .zxwz .tab-nav ul li a {
     display: block;
     font-size: 16px;
     padding: 10px 7px 0;
     color: #666;
 }
 
 .zxwz .tab-nav ul li.active {
     font-weight: 600;
     border-bottom: 3px solid #00a2ff;
 }
 
 .zxwz .tab-nav ul li.active a {
     color: #00a2ff;
 }
 
 .zxwz .tab-nav-content {
     height: 322px;
 }
 
 .zxwz .tab-nav-content .item {
     display: none;
 }
 
 .zxwz .tab-nav-content .item.active {
     display: block;
 }
 
 .zxwz .tab-nav-content .item ul {
     padding: 5px 3px 5px 0;
 }
 
 .zxwz .tab-nav-content .item li {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     margin-bottom: 8px;
 }
 
 .zxwz .tab-nav-content .item li .point {
     display: inline-block;
     width: 3px;
     height: 3px;
     background-color: #00a2ff;
     margin: 0 6px;
     vertical-align: middle;
 }
 
 .zxwz .tab-nav-content .item li>a {
     font-size: 14px;
     color: #666;
 }
 
 .zxwz .tab-nav-content .item li>a:hover,
 .zxwz .tab-nav-content .item>a:hover {
     color: #00a2ff;
     text-decoration: underline;
 }
 
 .zxwz .tab-nav-content .item>a {
     padding-left: 10px;
     font-size: 14px;
     color: #00a2ff;
 }
 
 .zxwz .tab-nav-content .item li .place>a {
     font-weight: 700;
     color: #00a2ff;
 }
 
 .zxwz .tab-nav-content .item li .place>a:hover {
     text-decoration: underline;
 }